<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>WMS管理平台</title>

    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/my.css">

</head>

<body>

<!-- 内容主体区域 -->
<div style="padding: 15px;">

    <fieldset class="layui-elem-field layui-field-title">
        <legend id="website-map-title">个人资料</legend>
    </fieldset>

    <div class="page-content">
        <div class="layui-tab layui-tab-brief">
            <ul class="layui-tab-title">
                <li class="layui-this">个人信息</li>
                <li>头像</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form layui-form-pane" onsubmit="return false;">
                        <div class="layui-form-item">
                            <label class="layui-form-label">*用户名</label>
                            <div class="layui-input-inline">
                                <input type="text" name="username" autocomplete="off" class="layui-input" disabled>
                            </div>
                            <div class="layui-form-mid layui-word-aux">用户名无法修改</div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">*昵称</label>
                            <div class="layui-input-inline">
                                <input type="text" name="nickname" autocomplete="off" class="layui-input">
                            </div>
                            <button class="layui-btn layui-btn-normal" onclick="javascript:;">验证昵称是否已被占用</button>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">*性别</label>
                            <div class="layui-input-block">
                                <input type="radio" name="sex" value="0" title="男" checked>
                                <input type="radio" name="sex" value="1" title="女">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">电子邮箱</label>
                            <div class="layui-input-inline">
                                <input type="email" name="email" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid layui-word-aux">非必填</div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机号码</label>
                            <div class="layui-input-inline">
                                <input type="text" name="phone" autocomplete="off" class="layui-input">
                            </div>
                            <div class="layui-form-mid layui-word-aux">非必填</div>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label textarea-label" style="padding-left: 26px;">个人说明</label>
                            <div class="layui-input-block">
                                <textarea name="description" class="layui-textarea" style="min-height: 250px;"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <button class="layui-btn"><i class="fa fa-check fa-fw"></i>提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary"><i class="fa fa-close fa-fw"></i>重置</button>
                        </div>
                    </form>
                </div>
                <div class="layui-tab-item">
                    <form class="layui-form layui-form-pane" onsubmit="return false;">
                        <div id="img-header-layout">
                            <div class="layui-inline">
                                <img src="../img/upload-header-bg.png" id="img-header">
                            </div>
                            <div class="layui-form-item" id="img-header-backgroud">
                        <span id="img-header-desc">
                            <i class="fa fa-warning fa-fw"></i>建议尺寸256*256，支持jpg、png、gif，最大不能超过100KB
                        </span>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-btn-group" id="re-upload-content">
                                    <button type="button" class="layui-btn" id="btn-upload-header"><i class="layui-icon">&#xe67c;</i>上传头像</button>
                                    <button type="button" class="layui-btn layui-btn-danger" id="btn-reupload-header"><i class="fa fa-refresh fa-fw"></i>重试</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../js/my.js"></script>

</body>

</html>